//判断用户输入的用户名是否符合规则
$('#username input').on('input', function () {
    if ($(this).val().length == 0) {
        $("#username_error").text('*用户名不能为空')
    } else {
        $("#username_error").text('')
    }
})

//判断用户输入的年龄是否符合规则
$('#age input').on('input', function () {
    if ($(this).val().length == 0) {
        $("#age_error").text('*年龄不能为空')
    } else {
        $("#age_error").text('')
    }
})


//判断用户输入的联系方式是否符合规则
$('#phone input').on('input', function () {
    if ($(this).val().length == 0) {
        $("#phone_error").text('*联系方式不能为空')
    } else {
        $("#phone_error").text('')
    }
})

//判断用户输入的家庭地址是否符合规则
$('#address input').on('input', function () {
    if ($(this).val().length == 0) {
        $("#address_error").text('*家庭地址不能为空')
    } else {
        $("#address_error").text('')
    }
})

//判断用户输入的所在班级是否符合规则
$('#class input').on('input', function () {
    if ($(this).val().length == 0) {
        $("#class_error").text('*所在班级不能为空')
    } else {
        $("#class_error").text('')
    }
})


//判断用户输入的密码是否符合规则
$('#password').on('input', function () {
    if ($(this).val().length == 0) {
        $("#password_error").text('*密码不能为空')
    } else {
        $("#password_error").text('')
    }
})


//在提交数据之前再进行一次验证数据
function add_student() {
    if ($('#username input').val() == '') {
        $("#username_error").text('*用户名不能为空')
    }
    if ($('#age input').val() == '') {
        $("#age_error").text('*年龄不能为空不能为空')

    }
    if ($('#phone input').val() == '') {
        $("#phone_error").text('*联系方式不能为空')
    }
    if ($('#address input').val() == '') {
        $("#address_error").text('*家庭地址不能为空')
    }
    if ($('#class input').val() == '') {
        $("#class_error").text('*所在班级不能为空')
    }
    if ($('#username input').val() != '' && $('#age input').val() != '' && $('#phone input').val() != ''
        && $('#address input').val() != '' && $('#class input').val() != '') {
        let data = {
            'username': $('#username input').val(),
            'age': $('#age input').val(),
            'sex': $("input[name='sex']:checked").val(),
            'phone': $('#phone input').val(),
            'address': $('#address input').val(),
            'class_id': $('#class input').val(),
        }
        $.post('/user/add_stu', data, function (data) {
            if (data.status == 201) {

                $('#username input').val(''),
                    $('#age input').val(''),
                    $("input[name='sex']:checked").val(''),
                    $('#phone input').val(''),
                    $('#address input').val(''),
                    $('#class input').val(''),



                    $("#alert").text(data.msg)
                $("#alert").addClass("alert-success")
                $('#alert').css('display', 'block');
                let timer = null;
                let num = 0
                timer = setTimeout(() => {
                    $("#alert").text('')
                    $('#alert').css('display', 'none');
                    if (num >= 2) {
                        clearTimeout(timer)
                    }
                    num++
                }, 2000)


            } else {
                $("#alert").text(data.msg)
                $("#alert").addClass("alert-danger")
                $('#alert').css('display', 'block');
                let timer = null;
                let num = 0
                timer = setTimeout(() => {
                    $("#alert").text('')
                    $('#alert').css('display', 'none');
                    if (num >= 2) {
                        clearTimeout(timer)
                    }
                    num++
                }, 2000)
            }
        })
    }
}